<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="com/link.asp" -->
</head>

<body>
    <!-- #include file="com/header.asp" -->
    <div class="mainBox flexs flexsBet searchMains">
        <div class="searchText">
            <span>搜索结果 ：</span>
            <em>中阿博览会</em>
            <span>（共5 结果）</span>
        </div>
        <div class="searchInp">
            <input oninput="inpFn($(this))" type="text" placeholder="请输入关键字">
            <img onclick="closeFn($(this))" class="close" src="./images/close.png" alt="">
            <button onclick="searchFn($(this),'search.asp')">
                <img src="./images/icon1.png" alt="">
                <span>搜索</span>
            </button>
        </div>

    </div>
    <!-- 无结果 -->
    <!-- <div class="null">
        <img src="./images/null.png" alt="">
        <p>未找到搜索内容</p>
    </div> -->

    <!-- 有结果 -->
    <div class="videoList">
        <div class="mainBox">
            <ul>
                <li>
                    <a href="imgListDet.asp">
                        <div class="img imgScale">
                            <img src="./images/img.png" alt="">
                            <div class="pos"></div>
                        </div>
                        <p class="line">中阿博览会｜这个平台超出你想象！</p>
                    </a>
                </li>
                <li class="imgActive">
                    <a href="imgListDet.asp">
                        <div class="img imgScale">
                            <img src="./images/img.png" alt="">
                        </div>
                        <p class="line">中阿博览会｜这个平台超出你想象！</p>
                    </a>
                </li>
                <li class="imgActive">
                    <a href="imgListDet.asp">
                        <div class="img imgScale">
                            <img src="./images/img.png" alt="">
                        </div>
                        <p class="line">中阿博览会｜这个平台超出你想象！</p>
                    </a>
                </li>
                <li class="imgActive">
                    <a href="imgListDet.asp">
                        <div class="img imgScale">
                            <img src="./images/img.png" alt="">
                        </div>
                        <p class="line">中阿博览会｜这个平台超出你想象！</p>
                    </a>
                </li>
                <li class="imgActive">
                    <a href="imgListDet.asp">
                        <div class="img imgScale">
                            <img src="./images/img.png" alt="">
                        </div>
                        <p class="line">中阿博览会｜这个平台超出你想象！</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- #include file="com/footer.asp" -->
</body>
<script>
    function closeFn(_this){
        _this.siblings('input').val('')
        _this.hide()
    }

    function inpFn(_this){
        console.log(_this.val().length)
        if(_this.val().length > 0){
            _this.siblings('.close').show()
        }else{
            _this.siblings('.close').hide()
        }
    }
</script>

</html>